	/*公共样式*/
	html,
	body {
		width: 100%;
		height: 100%;
		overflow: hidden;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	
	body {
		font-size: 62.5%;
	}
	hr{
		border-top-color:transparent;
	}
	ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}
	
	h1 {
		font-size: 3.6rem;
	}
	
	h2 {
		font-size: 3rem;
	}
	
	h3 {
		font-size: 2.4rem;
	}
	
	h4 {
		font-size: 1.8rem;
	}
	
	h5 {
		font-size: 1.4rem;
	}
	
	p {
		font-size: 1rem;
	}
	
	a {
		cursor: pointer;
	}
	
	a:hover {
		color: #478ce2;
		text-decoration: none;
	}
	
	.dis-n {
		display: none;
	}
	/*主内容区样式*/
	.main {
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
		padding-left: 50px;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	.main-content{
		position: relative;
		width: 100%;
		height: 100%;
	}
	.main-content>.container-fluid{
		position: absolute;
		top:50%;
		left: 50%;
		width: 100%;
		max-height: 100%;
		padding: 15px;
		overflow: auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.demo-list{
		position: relative;	
	}
	.demo-list:after{
		content: "";
		display: block;
		position: absolute;	
		top:0;
		right: 0;
		width: 2px;
		height: 100%;
	}
	.item{
		margin-bottom: 20px;
	}
	.item>h3{
		margin-top:0;
		margin-bottom: 10px;
	}
	.item-body{
		padding: 5px;
		font-size: 1.4rem;
	}
	.item-body>a{
		float: left;
		display: block;
		padding: 8px 12px;
		margin:4px;
		border-radius: 4px;
		font-size: 1.8rem;
		word-break: break-all;
	}
	/*模态框样式*/
	.modal-body{
		position: relative;
		height:calc(100vh - 140px );
		overflow:auto;
	}
	/*iframe样式*/
	.demo-iframe{
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
	}
	/*加载动画样式*/
	.loading{
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.loading:after{
		content: "";
		position: absolute;
		top: 50%;
		left:50%;
		width: 50px;
		height: 50px;
		margin-top: -25px;
		margin-left: -25px;
		border:4px solid #ddd;		
		border-radius: 50%;
		-webkit-animation: loading .8s linear infinite;
		animation: loading .8s linear infinite;
	}
	@-webkit-keyframes loading{
		from{
			-webkit-transform: rotate(0);
			transform: rotate(0);
		}
		to{
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	@keyframes loading{
		from{transform: rotate(0);}
		to{transform: rotate(360deg);}
	}

	@media(max-width:991px){
		.main{
			padding-left: 0;
			padding-bottom: 54px;
		}
		.demo-content{
			padding-left: 0;
			padding-right: 0;
		}
		.demo-list:after{
			content: "";
			display: none;
		}
	}